<template>
  <view class="my-page">
	<view class="head">
	  <view class="user-info">
	    <image class="user-icon" src="/static/images/profile.jpg"></image>
	    <text class="user-name">游客 010101</text>
		<view class="bbb">
			
		</view>
	  </view>
	</view>
    <view class="list">
      <view class="list-item">
		<view class="title">
			<uni-icons type="calendar" size="22"></uni-icons>
			<text class="item-text">我的预约</text>
		</view>
        <text class="item-arrow">
			<uni-icons type="right" size="15"></uni-icons>
		</text>
      </view>
      <view class="list-item">
		<view class="title">
			<uni-icons type="contact" size="22"></uni-icons>
			<text class="item-text">我的联系人</text>
		</view>
        <text class="item-arrow">
			<uni-icons type="right" size="15"></uni-icons>
		</text>
      </view>
      <view class="list-item">
		<view class="title">
			<uni-icons type="star" size="22"></uni-icons>
			<text class="item-text">我的搜藏</text>
		</view>
        <text class="item-arrow">
			<uni-icons type="right" size="15"></uni-icons>
		</text>
      </view>
      <view class="list-item">
		<view class="title">
			<uni-icons type="chat" size="22"></uni-icons>
			<text class="item-text">消息通知</text>
		</view>
        <text class="item-arrow">
			<uni-icons type="right" size="15"></uni-icons>
		</text>
      </view>
      <view class="list-item">
		<view class="title">
			<uni-icons type="email" size="22"></uni-icons>
			<text class="item-text">意见反馈</text>
		</view>
        <text class="item-arrow">
			<uni-icons type="right" size="15"></uni-icons>
		</text>
      </view>
      <view class="list-item">
		<view class="title">
			<uni-icons type="gear" size="22"></uni-icons>
			<text class="item-text">设置</text>
		</view>
        <text class="item-arrow">
			<uni-icons type="right" size="15"></uni-icons>
		</text>
      </view>
    </view>
  </view>
</template>

<script>
  import storage from '@/utils/storage'
  
  export default {
    data() {
      return {
        
      }
    },
    computed: {
      avatar() {
        return this.$store.state.user.avatar
      },
      windowHeight() {
        return uni.getSystemInfoSync().windowHeight - 50
      }
    },
    methods: {
		goToPage(page) {
			// 这里可以根据需要跳转到不同的页面
			console.log(`跳转到${page}页面`);
		},
      
      // handleJiaoLiuQun() {
      //   this.$modal.showToast('QQ群：①133713780、②146013835')
      // },
      // handleBuilding() {
      //   this.$modal.showToast('模块建设中~')
      // }
    }
  }
</script>

<style lang="scss" scoped>
.my-page {
  .head{
    background: url(http://demo.cyyyds.cn/uploads/20250114/fm01.jpg);
	background-size: cover;
    .user-info {
		padding: 120upx 0upx 0upx 0upx;
		display: flex;
		flex-direction: column;
		align-items: center;
		
		.user-icon {
		  width: 130upx;
		  height: 130upx;
		  border-radius: 50%;
		  margin-bottom: 30upx;
		}

		.user-name {
		  color: white;
		  font-size: 30rpx;
		  font-weight: bold;
		  margin-bottom: 30upx;
		}
		
		.bbb{
			background: url(http://demo.cyyyds.cn/uploads/20250114/my01.png);
			height:150upx;
			width: 100%;
			background-size: 100% 100%;
		}

    }
  	
  }
  .list {
	padding: 20upx 50upx;

    .list-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20rpx;
      border-bottom: 2px solid #f5f4ee;
      .title{
        display: flex;
		align-items: bottom;
        justify-content: space-between;
        .item-text {
          font-size: 28rpx;
		  min-height: 50rpx;
		  padding-left: 20upx;
        }
	  }
      
      .item-arrow {
        font-size: 28rpx;
        color: #999;
      }
    }
  }
}


</style>